<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<script type="text/javascript" src = "rsrc/js/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src = "rsrc/js/jquery.validationEngine.js"></script>

<script>
    $(document).ready(function(){
        $('#user_form').validationEngine('attach');
        $('#cancelUserForm').click(function(){           
           $('#user_form').validationEngine('hideAll');
           $('#user_form').validationEngine('detach');
        });
    });
</script>
<div class="separator"></div>
<div id="admin_part">
        <p class="page_label">Add New User</p>
    <form id="change_password" action="change_password" method="post" >
        <table id="user_form_table">  
           
            <tr>
                <td class="label" align="left">Old Password:</td>
                <td align="left"><input type='password' name='opassword' id = 'opassword' class="validate[required,minSize[10],maxSize[12]] input_text" title=""/>*</td>
            </tr>
            <tr>
                <td class="label" align="left">Password:</td>
                <td align="left"><input type='password' name='password' id = 'password' class="validate[required,minSize[10],maxSize[12]] input_text" title=""/>*</td>
            </tr>
             <tr>
                <td class="label" align="left">Re-Type Password:</td>
                <td align="left"><input type='password' name='repassword' id = 'repassword' class="validate[required,equals[password]] input_text" title=""/>*</td>
            </tr>
            <tr>
                <td align="left"></td><td align = "left"><input id='userButton' type='submit' class='gb' value='Submit' name='userkButton' /><input id='cancelUserForm' type='button' class='gb' value='Cancel' name='cancelUserForm' /></td>
            </tr>            
        </table>
        <span class="label">Fields with * are required</span>
    </form>
</div>